<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
          name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <!--对移动设备进一步友好支持-->
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>Document</title>
    <link href="../boot/css/bootstrap.min.css" rel="stylesheet">
    <!--核心jquery js-->
    <script src="../boot/js/jquery-3.4.1.min.js"></script>
    <!--bootstrap 核心 js-->
    <script src="../boot/js/bootstrap.min.js"></script>

</head>
<body>
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!--导航头-->
        <div class="navbar-header">
            <a class="navbar-brand" href="#">员工管理系统V1.0</a>
        </div>
    </div>
</nav>
<div class="pull-left aa" style="width: 300px">
    <div class="container" style="clear: left">
        <div class="row">
            <div class="col-sm-2">
                <ul class="list-group">
                    <li class="list-group-item">用户管理</li>
                    <li class="list-group-item active">用户列表</li>
                </ul>
                <br>
                <ul class="list-group">
                    <li class="list-group-item"><strong>类别管理</strong></li>
                    <br>
                    <li class="list-group-item"><strong>图书管理</strong></li>
                    <br>
                    <li class="list-group-item"><strong>订单管理</strong></li>
                    <br>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="pull-right aa" style="width: 950px">
    <h1><strong>用户管理</strong></h1>
    <ul class="nav nav-tabs">
        <li class="active"><a href="">用户列表</a></li>
        <li><a href="">用户添加</a></li>
    </ul>
    <br>
    <form action="" class="form-inline">
        <div class="form-group" style="float: left">
            <label>姓名</label>
            <input class="form-control" name="" type="">
        </div>
        <div class="form-group" style="float: left">
            <label>手机</label>
            <input class="form-control" name="" type="">
        </div>
        <div class="dropdown" style="float: left">
            <label>激活状态</label>
            <button class="btn btn-default" data-toggle="dropdown">---请选择--- <span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li>a</li>
                <li>a</li>
                <li>a</li>
            </ul>
        </div>
        <button class="btn btn-primary active" type="submit">查询</button>
    </form>
    <table class="table table-striped table-bordered table-hover table-condensed">

        <tbody>
        <tr>
            <td>Id</td>
            <td>用户名</td>
            <td>密码</td>
            <td>生日</td>
            <td>手机</td>
            <td>状态</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>******</td>
            <td>2012/12/14</td>
            <td>1326043***3</td>
            <td>冻结</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>******</td>
            <td>2012/12/14</td>
            <td>1326043***3</td>
            <td>冻结</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>******</td>
            <td>2012/12/14</td>
            <td>1326043***3</td>
            <td>冻结</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>******</td>
            <td>2012/12/14</td>
            <td>1326043***3</td>
            <td>冻结</td>
            <td><a class="btn btn-primary" href="">修改</a> <a class="btn btn-danger" href="">删除</a></td>
        </tr>
        </tbody>
    </table>
    <nav aria-label="..">
        <ul class="pager">
            <li><a href="#">Previous</a></li>
            <li><a href="#">Next</a></li>
        </ul>
    </nav>
    <div class="alert alert-success alert-dismissible">
        <button class="close" data-dismiss="alert"><span>&times;</span></button>

        <span class="small"><strong>删除成功</strong></span>
    </div>
    <div class="alert alert-danger alert-dismissible">
        <button class="close" data-dismiss="alert"><span>&times;</span></button>
        <span class="small"><strong>删除失败</strong>Java.lang.RunTimeException:无效数字</span>
    </div>
</div>
</body>
</html>